<template>
	<view class="realTimeMonitoring">
		<!-- <view class="realTimeMonitoring_title">基地视频监控</view>
		<view class="MonitoringVideo"></view> -->
		<web-view :webview-styles="webviewStyles" :src="url"></web-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				webviewStyles: {
				  progress: {
				    color: '#FF3333'
				  }
				},
				url:'https://open.ys7.com/jssdk/theme/h5/live.html?deviceSerial=G88135133&channelNo=1&accessToken=at.br5wp2dl5ux02uud9emslm0ca9jyszp1-86slmkvfte-1jsbapd-ot1ztfqys&validCode='
			};
		}
	}
</script>

<style lang="scss" scoped>
.realTimeMonitoring{
	padding: 20rpx;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	.realTimeMonitoring_title{
		margin: 20rpx 0;
	}
	.MonitoringVideo{
		width: 100%;
		height: 300rpx;
		background: #D7D7D7;
	}
}
</style>
